<!--
    Desenvolvido pela Fábrica de Software do CESUPA.
    Todos os direitos reservados.

    @author Breno Leite
-->

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:appcommons="http://www.fabsoft.cesupa.br/appcommons"
      xmlns:u2="http://www.fabsoft.cesupa.br/appcommons">

    <ui:composition template="/templates/two-columns-internal-template.xhtml">
        <ui:param name="pagetitle" value="Exemplo de formulário"/>
        <ui:param name="pageicon" value="#{facesContext.externalContext.request.contextPath}/images/icons/add-16x16.gif"/>
        <ui:param name="pagekeywords" value="exemplo, formulário, modelo de formulário"/>
        <ui:param name="showpagecontrols" value="false"/>
        <ui:param name="pagedescription" value="Exemplo de implementação de formulário usável."/>

        <ui:define name="content">
            <h:form>
                <fieldset class="custom-fieldset">
                    <legend class="custom-legend">Dados Pessoais</legend>
                    <table class="custom-table" border="0" cellpadding="10">
                        <tr>
                            <td valign="top" style="width:100px;">
                                <label for="name-field">Nome:</label><br/>
                                <span style="color:red;font-size:x-small;">Obrigatório</span>
                            </td>
                            <td valign="top" style="width:250px;">
                                <h:inputText styleClass="text-field keyboardInput" id="name-field"/>
                            </td>
                            <td valign="top" class="info-cell">
                                De 3 a 10 caracteres.
                            </td>
                        </tr>
                        <tr style="border-bottom:dotted 1px black;">
                            <td valign="top">
                                <label for="name-field">Sobrenome:</label><br/>
                                <span style="color:red;font-size:x-small;">Obrigatório</span>
                            </td>
                            <td valign="top">
                                <h:inputText styleClass="text-field keyboardInput">

                                </h:inputText>
                            </td>
                            <td valign="top" class="info-cell">
                                De 3 a 10 caracteres.
                            </td>
                        </tr>
                        <tr >
                            <td valign="top">
                                <label for="name-field">E-Mail:</label><br/>
                                <span style="color:red;font-size:x-small;">Obrigatório</span>
                            </td>
                            <td valign="top">
                                <input class="text-field keyboardInput" type="text"/><br/>
                            </td>
                            <td valign="top" class="info-cell">
                                Exemplo: usuario@servidor.com
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </h:form>
        </ui:define>
    </ui:composition>
</html>